<template>
  <i-biz-panel-container v-bind="{ ...$props, ...$attrs }" :class="ns.b()">
    <slot></slot>
  </i-biz-panel-container>
</template>
<script lang="ts">
export default {
  options: {
    addGlobalClass: true,
    virtualHost: true,
    styleIsolation: "shared"
  }
}
</script>
<script setup lang="ts">
import { useNamespace } from "@/use";
import { IPanelContainer } from "@ibiz/model-core";
import { PropType } from "vue";
import { PanelContainerController } from "../panel-container/i-biz-panel-container.controller";

const props = defineProps({
  modelData: {
    type: Object as PropType<IPanelContainer>,
    required: true,
  },
  controller: {
    type: PanelContainerController,
    required: true,
  },
});

const ns = useNamespace("panel-container-tabs");
</script>
<style lang="scss">
@import "./i-biz-panel-container-tabs.scss";
</style>
